﻿<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" href="css/bootstrap.css" />
		<link rel="stylesheet" href="css/login.css" />
		<link rel="stylesheet" href="css/footer&cbl.css" />
		<link rel="stylesheet" href="css/daohang.css" />
		<script type="text/javascript" src="js/jquery-1.11.3.js" ></script>		
		<script type="text/javascript" src="js/bootstrap.js" ></script>
		<script type="text/javascript" src="js/templet.js" ></script>
		<script type="text/javascript" src="js/hp.js" ></script>
		<script type="text/javascript" src="js/login.js"></script>
		<title></title>
	</head>

	<body>
		<div id="main">

			<nav class=" navbar-inverse" id="daohang" style="background-color: #5d5c61">
				<div class="daohang">
					<div class="navbar-header clearfix">
						<button type="button" class="zd" id="zd" >
							<span class="glyphicon glyphicon-align-justify"></span>
						</button>
					</div>
					<div class="collapse navbar-collapse" id="daohangtiao">
						<span class="close"><a href="index.html"><i></i></a></span>
					</div>
				</div>
				<div id="box">
					<div class="box1 col-sm-2 col-xs-2">
						<span id="X" class="glyphicon glyphicon-remove pull-right" ></span>
					</div>
					<div class="box2 col-sm-10 col-xs-10" >
						<ul id="ul1"class="clearfix">
							<li><a href="index.html">首页</a></li>
							<li><a href="templet.html">模板</a></li>
							<li><a href="setmeal.html">套餐</a></li>
							<li><a href="example.html">案例</a></li>
							<li id="wd"><a>文档<i class="glyphicon glyphicon-menu-right"></i></a></li>
							<li id="gy"><a>关于<i class="glyphicon glyphicon-menu-right"></i></a></li>
						</ul>
						<div id="wd1">
							<ul>
								<li id="fanhui1"><a>返回上一级</a></li>
								<li><a>教程中心</a></li>
								<li><a>建站资讯</a></li>
								<li><a>更新日志</a></li>
							</ul>
						</div>
						<div id="gy1" >
							<ul id="ul2">
								<li id="fanhui2"><a>返回上一级</a></li>
								<li id="gcxx"><a>公司信息<i class="glyphicon glyphicon-menu-right"></i></a></li>
								<li><a>荣誉资质</a></li>
								<li><a>联系客服</a></li>
							</ul>
						</div>
						<div id="gc" >
							<ul >
								<li id="fanhui3"><a>返回上一级</a></li>
								<li><a>公司介绍</a></li>
								<li><a>服务条款</a></li>
								<li><a>法律声明</a></li>
								<li><a>可接受服务</a></li>
								<li><a>免责声明</a></li>
							</ul>
						</div>
					</div>
				</div>
			</nav>

			<div class="main">
			<div class="container">
				<div class="c2">
					<a href=""></a><span>
						<img style="height:90px;margin-top:-20px; " src="img/logo.png" />
					</span></a>
					<p>从这里开启金融之旅</p>
				</div>
				<div class="c3">
					<form>
						<div class="form-group">
    						<label for="usernameoremail">用户名或邮箱</label>
    						<input type="text" class="form-control" style="background-color: rgba(147, 142, 148, 1)" id="usernameoremail">
  						</div>
  						<div class="form-group">
    						<label for="password">密码</label>
    						<input type="password" class="form-control" style="background-color: rgba(147, 142, 148, 1)" id="password">
  						</div>
  						<div class="checkbox">
    						<label>
     		 					<input type="checkbox"> 记住我（请在私人计算机上使用此功能）
    						</label>
  						</div>
  						<div class="c3-1">
							<button id="denglu" type="submit" class="btn btn-default btn1" >登录</button>
							<a href="register.html" type="button" class="btn btn-default btn2" style="background-color: rgba(147, 142, 148, 1)">注册</a>
						</div>
						<div class="c3-2 clearfix">
							<span class="c3-2-2">其他账号登录：</span>
							<div class="c3-2-1">
								<a href="" title="使用腾讯QQ登录"><span class="s1"></span></a>
								<a href="" title="使用微信登录"><span class="s2"></span></a>
								<a href="" title="使用谷歌登录"><span class="s3"></span></a>
								<a href="" title="使用脸书登录"><span class="s4"></span></a>
							</div>
						</div>
						<div class="c3-3 clearfix">
							<a href="" class="pull-right">忘记密码？点这里找回</a>
						</div>
					</form>
				</div>
			</div>
		</div>
<!--		<ul class="cbl" >-->
<!--			<li><a href="#">-->
<!--				<div class="icon d1"><i class="i1"></i><span class="title">在线客服</span></div>-->
<!--			</a></li>-->
<!--			<i class="clearfix"></i>-->
<!--			<li><a href="#">-->
<!--				<div class="icon d2"><i class="i2"></i><span class="title">4006285729</span></div>-->
<!--			</a></li>-->
<!--			<i class="clearfix"></i>-->
<!--			<li><a  href="#">-->
<!--				<div class="icon"><i class="i3"></i><span class="title">教程中心</span></div>-->
<!--			</a></li>-->
<!--			<i class="clearfix"></i>-->
<!--			<li ><a  href="#">-->
<!--				<div class="icon d4" data-toggle="tooltip" data-placement = "left" title="<img src='img/erweima.png'><br/> 关注微信 " data-html="true"><i class="i4"></i></div>-->
<!--			</a></li>-->
<!--		</ul>-->
		</div>
		
	</body>
</html>
